.bg-main{
  width: 100%;
    background-color: #F7F8F9;

}
.main {
    position: relative;
    padding: 10px;
    width: 1250px;
    height: 1000px;
    margin: 0px auto;
    display: flex;
  }
  .box {
    display: inline-block;
    width: 280px;
    vertical-align: top;
    border-radius: 20px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3), -2px -2px 10px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    padding: 5px;
    margin: 10px;
    transition: all 0.3s;
    cursor: pointer;
  }
  .box:hover {
    transform: scale(1.1);
  }
  .box > img {
    width: 280px;
    border-radius: 20px;
  }
  